<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>

	<title>GESTOR INCIDENCIAS</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/menu.css">
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
	
	<script src="js/menu.js"></script>
	<script src="js/comprobar_datos.js"></script>

</head>
<body>

<?php
require('php/cabecera.php');
?>
<script>
	
		function getAñadirestado(){
		
			var tipo=document.getElementById("tipo");
			//var nota=document.getElementById("nota");
			
			var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
				  	
					document.getElementById("aviso").innerHTML=xmlhttp.responseText;   
					setInterval('location.reload()',2000);            
                 }
				     	
			   }
        	
            xmlhttp.open("GET","php/insertarnuevoestado.php?tipo="+tipo.value,true);
            xmlhttp.send();
		
		}
	
	
	</script>
	<script>
	function comprobarEstado(){

	var tipo = document.getElementById("tipo");
	if (vacio(tipo) == true){
        tipo.className = "error";
		document.getElementById("aviso").innerHTML="<span style='color:red'>El campo está vacío</span>"; 
		setInterval('location.reload()',2000);  
    }else{
	tipo.className = " ";
	tipo.value = tipo.value.toUpperCase();
	getAñadirestado()
	}
}
	</script>
	<script>
			(function($){
				
				//cache nav
				var nav = $("#topNav");
				
				//add indicator and hovers to submenu parents
				nav.find("li").each(function() {
					if ($(this).find("ul").length > 0) {
						/*$("<span>").text("^").appendTo($(this).children(":first"));*/

						//show subnav on hover
						$(this).mouseenter(function() {
							$(this).find("ul").stop(true, true).slideDown();
						});
						
						//hide submenus on exit
						$(this).mouseleave(function() {
							$(this).find("ul").stop(true, true).slideUp();
						});
					}
				});
			})(jQuery);
		</script>

<div id="contenido">
<?php
require('php/menuvotrasopciones.php');
?>
	
		<div id="principal">
			<h2><?php echo $xtitugestest;?></h2>
			<div id="aulas">
				<div id="crearestado">
					<h3><?php echo $xinsest;?></h3>
					<form>
						<table>
							<tr>
								<td align="right">
									<?php echo $xtipoestado;?>: 
								</td>
								<td>
									<input type="text" id="tipo" maxlength="20"><br />
								</td>
							</tr>
							<!--<tr>
								<td align="right">
									<?php echo $xnotaestado;?>:
								</td>
								<td>
									<input type="text" id="nota" value="" maxlength="20"><br />
								</td>
							</tr>-->
							<tr>
								<td>
									<input type="button" id="boton" value="<?php echo $xprovana;?>" onClick="comprobarEstado();" ><br />
								</td>
							</tr>
						</table>
					</form>
					<div id="aviso">
					</div>
				</div>
				<div id="listaestado">
					<?php
			
					require('php/conexionbd.php');
			
					echo '<form method="post" action="php/eliminarestado.php">';
					echo '<table>';
					
					
					echo '<tr>';
						
							
							$res=mysql_query("select * from estado",$con);
							$cont=0;
							$x=0;
							while($row = mysql_fetch_array($res)){
							 $id_estado=$row['id_estado'];
							 $tipo_estado=$row['tipo_estado'];
							 $nota_estado=$row['nota_estado'];
							 if($tipo_estado=='ABIERTA' || $tipo_estado=='CERRADA' || $tipo_estado=='EN PROCESO'){
								if($x==0){
									echo "<tr>";
								}
								if($cont%2==0){
									echo "<th class='fila_par'></th>";
									echo "<th class='fila_par'>$tipo_estado</th>";
									//echo "<th class='fila_par'>$nota_estado</th>";
								}else{
									echo "<th class='fila_impar'></th>";
									echo "<th class='fila_impar'>$tipo_estado</th>";
									//echo "<th class='fila_impar'>$nota_estado</th>";
								}
							}else{
								if($x==0){
									echo "<tr>";
								}
								if($cont%2==0){
									echo "<th class='fila_par'><input type='checkbox' name='casilla[]' value='".$id_estado."'></th>";
									echo "<th class='fila_par'>$tipo_estado</th>";
									//echo "<th class='fila_par'>$nota_estado</th>";
								}else{
									echo "<th class='fila_impar'><input type='checkbox' name='casilla[]' value='".$id_estado."'></th>";
									echo "<th class='fila_impar'>$tipo_estado</th>";
									//echo "<th class='fila_impar'>$nota_estado</th>";
								}
							}
								$x++;
								if($x==4){
								$x=0;
								echo "</tr>";
								}
								$cont++;
								
							}
						
					echo "</tr>";
					
					echo "</table>";
					echo "<input type='submit' value='$xelimest' />";
					echo '</form>';
	
					?>
				</div>
            </div>
	


		</div>
	</div>
	
	<div id="pie">
		<?php 
		include("pie.php");
		?>
	</div>
	
</body>
</html>